<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/detail.css">
</head>
<body>
        <div id="head_wrap">
                <header>
                    <div class="left">
                        <h3>汇聚每一个感动</h3>
                    </div>
                    <ul class="right">
                        <li><a href="#">登录</a></li>
                        <li><a href="#">注册</a></li>
                        <li> <a href="#"> 我的订单 </a> </li>
                        <li>
                            <a href="#">
                                <i class="bg-icon"></i>
                                 手机购票
                            </a>
                            <img src="img/show.png" alt="">
                        </li>
                        <li>
                            <a href="#">
                                网站导航
                                <i class="bg-icon_nav"></i>
                                <span>
                                    <h3>频道</h3>
                                    <ul>
                                        <li>聚特惠</li>
                                        <li>欢聚橙卡</li>
                                        <li>明星库</li>
                                        <li>剧目库</li>
                                        <li>积分商城</li>
                                        <li>聚特惠</li>
                                    </ul>
                                </span>
                            </a>
                        </li>
                    </ul>
        
                </header>
            </div>
            <section>
                <div class='top'>
               
                      <img src="img/juooo_logo.png" alt="">
                   
                </div>
                <div class='local'>
                    <a>全国</a>
                    <i class='bg-icon-city'></i>
                    <div>
                        <i></i>
                        <h4>推荐全国站</h4>
                    </div>
                    <div class='city'>
                        <a>全国</a>
                        <i class='bg-icon-city'></i>
                        <span>当前全国共有<b>3448</b>场演出，城市后数字代表演出场次</span>
                      
                        <h3><a>全国</a></h3>
                    </div>
                </div>
                 <form action="">
                    <input type="text" placeholder="小猪佩奇">
                    <input type="button" >
                    <i class='bg-icon-suoso'></i>
                    <ul>
                        <li>大爱</li>
                        <li>李荣浩</li>
                        <li>王心凌</li>
                        <li>小猪佩奇</li>
                        <li>林宥嘉</li>
                        <li>GRLYSON</li>
                        <li>动力火车</li>
                    </ul>
                 
                </form>
             
            </section>
            <nav>
                <ul class='nav_list1'>
                    <li><a href="">全部商品分类</a></li>
                    <li><a href="">流行音乐</a></li>
                    <li><a href="">古典音乐</a></li>
                    <li><a href="">舞台剧</a></li>
                    <li><a href="">儿童亲子</a></li>
                    <li><a href="">音乐剧</a></li>
                    <li><a href="">橙PLUS卡</a></li>
                </ul>
            

                <div id='detail'></div>






                <div id="foot_wrap">
                        <footer>
                            <div class="top">
                                <div class="left">
                                    <h3>帮助中心</h3>
                                    <ul>
                                        <li><a href="javescript:;">新手指南</a></li>
                                        <li><a href="javescript:;">支付方式</a></li>
                                        <li><a href="javescript:;">售后服务</a></li>
                                        <li><a href="javescript:;">购票指南</a></li>
                                        <li><a href="javescript:;">配送方式</a></li>
                                    </ul>
                                </div>
                                <div class="middle">
                                    <p>400-185-8666</p>
                                    <p>周一至周五：08：30-20：00</p>
                                    <p>周末：0830：18：00</p>
                                </div>
                                <div class="right">
                                   <div>
                                       <img src="img/tt1.png" alt="">
                                       <span>聚橙票务</span>
                                   </div>
                                   <div>
                                    <img src="img/tt2.png" alt="">
                                    <span>聚橙演艺</span>
                                   </div>
                                </div>
                            </div>
                         <div class="bottom">
                             <ul>
                                <li><a href='javascript:;'>聚橙旗下子品牌:</a></li>
                                 <li><a href='javascript:;'>小橙堡</a></li>
                                 <li><a href='javascript:;'>万有音乐系</a></li>
                                 <li><a href='javascript:;'>聚橙音乐剧</a></li>
                             </ul>
                             <ul>
                                 <li><a href="javascript:;">关于我们</a></li>
                                 <li><a href="javascript:;">联系我们</a></li>
                                 <li><a href="javascript:;">加入我们</a></li>
                                 <li><a href="javascript:;">服务条款</a></li>
                                 <li><a href="javascript:;">媒体报道</a></li>
                                 <li><a href="javascript:;">合作伙伴</a></li>
                                 <li><a href="javascript:;">友情链接</a></li>
                                 <li><a href="javascript:;">网站地图</a></li>
                             </ul>
                             <p>Copyright 2007-2019 &copy;深圳市聚橙演艺联盟票务有限公司|粤ICP备17063893号-2粤公网安备44030502000578号</p>
                
                             <div class='last'>
                                 <i></i>
                                 <i></i>
                             </div>
                
                         </div>
                        
                        </footer>
</html>
<script src='js/detail.js'></script>
<script src='js/ajax.js'></script>






















    